Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS

モバイル
youtube
Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS Learn to code a mobile responsive personal portfolio website using Next.js, Three.js & Tailwind CSS. Course developed by @CodeBucks 🔗 Demo Link: 💻 Starter Code: 💻 Final Code: ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro + Demo ⌨️ (0:06:02) Setup and Installation ⌨️ (0:08:11) Layout.js file and Tailwind config ⌨️ (0:11:53) Home page ⌨️ (0:13:21) Generate Images using Playground AI ⌨️ (0:16:56) 3D model configuration and Rendering ⌨️ (0:37:13) Navigation buttons ⌨️ (1:07:53) Creating background firefly effect ⌨️ (1:20:07) Projects page ⌨️ (1:32:46) Subpages layout ⌨️ (1:40:08) About page ⌨️ (1:55:48) Github stats & Skill icons ⌨️ (2:10:48) Contact page ⌨️ (2:20:06) Using Emailjs ⌨️ (2:35:27) Show toast messages ⌨️ (2:41:23) Mobile responsive ⌨️ (3:10:16) Adding animations using framer-motion ⌨️ (3:23:57) Adding music ⌨️ (3:49:21) Optimizing Images and performance 🎉 Thanks to our Champion and Sponsor supporters: 👾 Drake Milly 👾 Ulises Moralez 👾 Goddard Tan 👾 David MG 👾 Matthew Springman 👾 Claudio 👾 Oscar R. 👾 jedi-or-sith 👾 Nattira Maneerat 👾 Justin Hual -- Learn to code for free and get a developer job: Read hundreds of articles on programming:
  2024/10/03      youtube

関連するプログラミング動画 [mobile]

Our Tag

最近投稿されたプログラミング学習動画

The Ultimate Claude Code Guide | MCP, Skills & More

Use Nimbalyst to access a free visual wo...

  2026/04/13

This is the MOST important coding principle.

Want to make real money with coding? I s...

  2026/04/13

Were you able to solve it?

Want to make real money with coding? I s...

  2026/04/12

Running LLMs Locally Just Got Way Better - Ollama + MCP

Use the Zapier MCP server to connect to ...

  2026/04/12

"Oh, so this is what people mean by 'focus'!"

"Oh, so this is what people mean by 'foc...

  2026/04/12

【Claudeの無料プランでできること】7つの機能を解説

ClaudeやClaude Codeについて「キノクエスト」でもっと学習できます...

  2026/04/12

Skills機能を世界一わかりやすく解説します!GemsやGPTsではなくSkillsを活用する意味など徹底解説します

本日は世界一わかりやすいSkillsの教科書についてお話させて頂きました! ぜひ...

  2026/04/12

Django ORM as a Standalone Database Tool

django
python

Download your free Python Cheat Sheet he...

  2026/04/11

Watch this before you START coding...

Want to make real money with coding? I s...

  2026/04/11

Anthropic Just Broke Software Forever

Host your AI generated sites for FREE wi...

  2026/04/11

What has learning to code taught you...?

study

What has learning to code taught you...?...

  2026/04/11

The Power of Beginner's Mind in Reviews

python

Download your free Python Cheat Sheet he...

  2026/04/10

Advice on Managing Projects & Making Python Classes Friendly | Real Py

python

What goes into managing a major project?...

  2026/04/10

Prompt the Agent in Gemini in Android Studio to use the latest Android

android
android

Stop code hallucinations from slowing do...

  2026/04/10

Bangladesh's thriving developer scene is full of beginners who are tru

study

Bangladesh's thriving developer scene is...

  2026/04/10

How to learn programming and CS in the AI hype era – interview with pr

Today Quincy Larson interviews Mark Maho...

  2026/04/10